*{
    padding:0;
    margin:0;
}
a{
    text-decoration: none;
}
li{
    list-style: none;
    }
em,i{
    font-style: normal;
}
    .container {
        margin-right: auto;
        margin-left: auto;
        padding-right: 15px;
        padding-left: 15px;
        width: 100%;
      }
      
      @media (min-width: 576px) {
        .container {
          max-width: 540px;
        }
      }
      
      @media (min-width: 768px) {
        .container {
          max-width: 720px;
        }
      }
      
      @media (min-width: 992px) {
        .container {
          max-width: 960px;
        }
      }
      
      @media (min-width: 1200px) {
        .container {
          max-width: 1140px;
        }
      }

/* 筛选 */
main{
    width: 1090px;
    margin:0 auto;
    overflow: hidden;
   
}
main nav{
    border-bottom:1px solid #ccc ;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
main nav .nav_left,main nav .nav_right{
    display: flex;
    font-size: 13px;

}
main nav .nav_left  .nav_left_1{
color: #ccc;
}
main nav .nav_left  .nav_left_2{
height: 18px;
border: 1px solid #ccc;
position: relative;
}
main nav .nav_left  .nav_left_2 ul{
    width: 500px;
    position: absolute;
    top: 18px;
    border: 1px solid #ccc;
    background-color: #fff;
    display:none ;
    padding-bottom:10px ;
    z-index: 100;
}
main nav .nav_left  .nav_left_2 ul li{
    padding-left:10px ;
    padding-right:60px ;
    padding-top: 10px;
    display: inline-block;
}
main nav .nav_left  .nav_left_2 a{
    color: black;
    display: block;
    /* background: red; */
    padding-left: 8px;
    padding-right: 20px;
    background: url(../images/nav_left_1.png) right center no-repeat;
}
main nav .nav_left  .nav_left_2 a:hover{
    color: red;
    border-bottom:0;
    z-index: 10;
}
main nav .nav_left  .nav_left_2:hover ul{
    display: block;
}
main nav .nav_left  .nav_left_3{
    width: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #ccc;
}
main nav span{
    margin:0 3px ;
}

main nav .nav_right .nav_right_1{
    width: 55px;
    font-size: 13px;
    height: 20px;
    border-radius: 10px;
    border:1px solid #d5b589;
    color: #d5b589;
    margin-right: 5px;
    padding-left: 20px;
    background: url(https://kaola-pop.oss.kaolacdn.com/6e2c61f8-d750-4081-865d-88ad8fdb454d?x-oss-process=image/resize,w_30/quality,q_85) 5px 2px no-repeat ;
    background-size: 13px 13px;
}
main nav .nav_right .nav_right_2 a{
    margin-right: 5px;
    color: black;
    
}
main nav .nav_right .nav_right_3 a{
    color: black;
}
main nav .nav_right .nav_right_2 a:hover,main nav .nav_right .nav_right_3 a:hover{
text-decoration: underline;
}
/* 筛选 */

/* 商品详情 */
.bigbox{
    position: relative;
    height: 400px;
    background: pink;
    width: 700px;
  top:-100px;
  left: 350px;
}

.goods_datail{
    position: absolute;
    width: 700px;
    /* margin-left: 50px; */
    top: 0px;
  
    background: yellow;
    font-size: 14px;
}

.goods_datail .goods_datail_1{
display: flex;
color: #ccc;
height: 54px;
line-height: 54px;
align-items: center;

}
.goods_datail .goods_datail_1 span{
    padding: 0 5px;
    
}
.goods_datail .goods_datail_1 img{
    width: 25px;
    height: 25px;
    border-radius: 50%;
    
}
.goods_datail h3{
    font-size: 18px;
}

.goods_datail .goods_datail_2{
    line-height: 40px;
    height: 40px;
}

.goods_datail .goods_datail_3{
    display: flex;
    background-color: lightgrey;
    height: 83px;
    border-top:1px dashed #ccc ;
    border-bottom:1px dashed #ccc ;

}
.goods_datail .goods_datail_3 .p1{
    padding: 20px 50px 0 10px;
background: red;
}
.goods_datail .goods_datail_3 .price{
    margin-right:230px;
}
.goods_datail .goods_datail_3 .price .price_1{
    line-height: 50px;
    height: 50px;
    /* display: flex; */
}
.goods_datail .goods_datail_3 .price .price_1 strong{
    font-size: 18px;
    color: red;
}
.goods_datail .goods_datail_3 .price .price_1 span{
    font-size: 12px;
    width: 35px;
    height: 18px;
    background:#f68587;
    padding: 0 5px;
}
.goods_datail .goods_datail_3 .price .price_2{
    display: flex;
    font-size: 12px;
    background: green;
    padding-bottom: 18px;
}
.goods_datail .goods_datail_3 .price .price_2 span{
    font-size: 12px;
    width: 15px;
    height: 15px;
    background:#f68587;
margin-right: 10px;
}
.goods_datail .goods_datail_3 .price .price_2 p a{
text-decoration: underline;
}
.goods_datail .goods_datail_3 .p2{
    padding-top: 45px;
}
.goods_datail .goods_datail_3 .p2 span{
    color: red;
}


.goods_datail .goods_datail_4{
    display: flex;
    padding-top:10px ;
}
.goods_datail .goods_datail_4 .p3{
    padding: 0px 50px 0 10px;

}
.goods_datail .goods_datail_4  span{
    padding-right: 18px;
}
.goods_datail .goods_datail_4 select{
    width: 140px;
    height: 20px;
    border: 1px solid #ccc;
    margin-right: 20px;
}
.goods_datail .goods_datail_5{
    display: flex;
    padding-top: 10px;
}
.goods_datail .goods_datail_5 .p4{
    padding: 0px 50px 0 10px;
}
.goods_datail .goods_datail_5 .goods_datail_5_road{
font-size: 12px;
}
.goods_datail .goods_datail_5 .goods_datail_5_road p em{
font-style: normal;
color: red;
}
.goods_datail .goods_datail_5 .goods_datail_5_road .goods_datail_5_road_path{
display: flex;

}
.goods_datail .goods_datail_5 .goods_datail_5_road .goods_datail_5_road_path dl dt img{
    border-radius: 50%;
}
.goods_datail .goods_datail_6{
    display:flex;
    padding-top: 10px;

}
.goods_datail .goods_datail_6 .p6{
    padding: 0px 50px 0 10px;
}
.goods_datail .goods_datail_6 .goods_datail_6_number{
    width: 100px;
    height: 25px;
    text-align: center;
    display: flex;
    border: 1px solid #ccc;
    margin-right: 20px;
}
.goods_datail .goods_datail_6 .goods_datail_6_number span{
    flex: 1;
    height: 25px;
    background: lightgray;
    align-self: center;
    display: block;
    line-height: 25px;
}
.goods_datail .goods_datail_6 .goods_datail_6_number p{
    /* align-self: center; */
    flex: 2;
    height: 25px;
    line-height: 25px;
    border-left:1px solid #ccc ;
    border-right:1px solid #ccc ;
    text-align: center;
}
.goods_datail .goods_datail_6 .p7{
    color: red;
}
.goods_datail .goods_datail_7{
    display: flex;
    padding-top: 10px;
    font-size: 16px;
}
.goods_datail .goods_datail_7 .goods_datail_7_buy{
    width: 155px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    margin-right: 20px;
    background: #ffeced;
    border: 1px solid red;
    color: red;
}
.goods_datail .goods_datail_7 .goods_datail_7_car{
    width: 155px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    margin-right: 20px;
    background: red;
    color: #fff;
}
/* 商品详情 */
/* banner */
main figcaption{
height: 60px;
line-height: 60px;
margin-top: 50px;
}
main article{
border: 1px solid #ccc;
padding: 10px 0 10px 30px;
display: flex;
flex-wrap: wrap;
}
main article dl{
    display: block;
    width: 140px;
    font-size: 12px;
    margin-right: 35px;
    padding-bottom:20px ;

}
main article dl dt img{
    width: 140px;
}
main article dl dd a{
    color: black;
}
main article dl dd a:hover{
    text-decoration: underline;

}
main article dl dd strong{
    font-size: 16px;
    color: red;
}
main article dl dd em{
    font-style: normal;
    font-size: 12px;
    color: #ccc;
}
/* banner */

/* details list */
.banner_good_box table{
   width: 888px;
   border: 1px solid #ccc;
   margin-top: 50px;
   border-collapse: collapse;
   float: right;
   
}
table tr:nth-child(odd){
    background: #ccc;
    border: 1px solid #ccc;
}
table thead{
    font-weight: bold;
    text-align: left;
}
table thead tr{
    position: sticky;
}
table thead tr th:nth-child(1) em{
    width: 160px;
    border-top: 6px solid red;
    padding: 30px 50px;
    float: left;
    background: #fff;
  
}
table thead tr th:nth-child(1) i{
    height: 50px;
    margin:35px 50px ;
  float: left;
}
table thead tr th:nth-child(1)  i strong{
color: red;
}
table thead tr th:nth-child(1) em:hover{
    color: red;
}
table tbody tr td span{
   padding: 0 50px 0 10px;
}
table tbody tr td .cont1{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    font-size: 22px;
    color: #fff;
    font-weight: bold;
    background: red;
    text-align: center;
    float: left;
    line-height:40px ;
    margin: 20px 20px;

}
table tbody tr td .cont2{
    line-height:25px;
    margin: 20px 0;
}
table tbody tr.goods_pic_text p{
    padding: 20px;
    text-align: 12px;
    line-height: 30px;
}
table tbody tr.goods_pic_text h3{
    text-align: center;
    padding: 50px 0;
}


table tbody tr.goods_pic td img{
width: 100%;
padding: 10px 0;
}
table thead tr th:nth-child(2) span{
    position: relative;
}
table thead tr th:nth-child(2) span img{
    position: absolute;
    height: 60px;
    width: 60px;
    /* top: 60px; */
    display: none;

}
table thead tr th:nth-child(2) span:hover img{
    display: block;
    z-index: 10000;
}
.banner_goods{
    width: 150px;
    margin-top: 50px;
    float: left;
}

.banner_goods dl{
width: 150px;
border: 1px solid #ccc;
margin-bottom: 15px;
text-align: center;

}
.banner_goods dl#title{
    text-align: center;
    font-size: 14px;
}
 .banner_goods dl#title dt{
    font-size: 26px;
    font-weight: bold;
    line-height: 80px;
    height: 80px;
}
.banner_goods dl#title dd{
    margin: 10px 0;
    font-size: 12px;
    color: #ccc;
}
 .banner_goods dl#title dd img{
    width: 18px;
    height: 18px;
}
.banner_goods dl#title dd p{
    width: 30px;
    height: 25px;
    color: #fff;
    padding: 0 30px;
    line-height:25px;
    background:#333333 ;
    margin: 0 30px 20px 30px;
}

.banner_good_box{
    overflow: hidden;
}

.banner_goods dl{
    display: block;
    width: 150px;
    font-size: 12px;
    margin-right: 35px;
    padding: 10px 10px 20px 10px;

}
.banner_goods dl dt img{
    width: 100%
}
.banner_goods dl dd a{
    color: black;
}
.banner_goods dl dd a:hover{
    text-decoration: underline;

}
.banner_goods dl dd strong{
    font-size: 16px;
    color: red;
}
.banner_goods dl dd em{
    font-style: normal;
    font-size: 12px;
    color: #ccc;
}
/* details list */
